<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>引用尺寸</title>
		<style>
			figure{
				display: flex;
				flex-flow: column;
				width: 50px;
				height: 160px;
				outline: 1px dashed black;
			}
			figure .div1{
				width: 100%;
				height: 30%;
				background-color: orange;
				border-radius: 50%;
				margin-bottom: 10px;
			}
			figure .div2{
				width: 100%;
				height: 66%;
				background-color: gold;
				border-radius: 10px;
			}
		</style>
	</head>
	<body>
		<figure>
			<div class="div1"></div>
			<div class="div2"></div>
		</figure>
	</body>
</html>
